<template>
  <div>
    <Breadcrumb class="Breadcrumb">
      <template v-slot:name>
        <span>权限管理</span>
      </template>
      <template v-slot:namelist>
        <span>角色列表</span>
      </template>
    </Breadcrumb>
    <RolesList></RolesList>
    <Dialog></Dialog>
    <editDialog></editDialog>
    <DispathRoles></DispathRoles>
  </div>
</template>

<script>
import Breadcrumb from '@/component/Breadcrumb.vue'
import RolesList from '@/component/rights/RolesList.vue'
import Dialog from '@/component/Dialog.vue'
import editDialog from '@/component/editDialog.vue'
import DispathRoles from '@/component/rights/DispathRoles.vue'
export default {
  components: {
    Breadcrumb,
    RolesList,
    Dialog,
    editDialog,
    DispathRoles
  }
}
</script>

<style lang="less" scoped>
.Breadcrumb {
  margin-bottom: 20px;
}
</style>
